<template>
  <div class="help-box">
    <div class="filehub-info">
      <h3>项目介绍：<a href="https://github.com/Sjj1024/s-hub" target="_blank" class="alink">Github主页</a></h3>
      <span>
        FileHub是一个依托Github
        Api开发的开源免费文件系统软件，功能类似百度云，但没有百度云的会员限制。主要用作图床和网络文件存储。其他附加功能并不是本软件的核心功能，但是就是想集成进去，因为可能是我个人常用的功能。有问题请<a
          href="https://github.com/Sjj1024/s-hub/issues" target="_blank" class="alink">提交Issue</a>。如果对你有帮助，可以请我喝个咖啡：
      </span><br />
      <span class="praise">
        <span class="pay-box">
          <div>微信赞赏码</div>
          <img class="pay-code" :src="codeInfo.wxPayCode">
        </span>
        <span class="pay-box">
          <div>支付宝打赏</div>
          <img class="pay-code" :src="codeInfo.aliPayCode">
        </span>
        <span class="pay-box">
          <div>QQ交流群</div>
          <img class="pay-code" :src="codeInfo.qqChatCode">
        </span>
        <span class="pay-box">
          <div>微信交流群</div>
          <img class="pay-code" :src="codeInfo.wxChatCode">
        </span>
      </span>
    </div>
    <br />
    <div>
      <h3>我的信息</h3>
      <span>曾就职于上海华为实验室，现自由开发者，如果你有开发需求，可以联系我合作，合作流程：按照合作谈定的价格，预付50%的项目款，开始工作。完成验收后，支付尾款。价格参考：视具体项目难度和工作量。<br />
        技术栈：Python\Java\Kotlin\Swift\Go\HTML\Vue\React\UniAPP\Tauri\Rust等<br />
        UI端开发：
        <a href="https://github.com/Sjj1024/GitVue" target="_blank" class="alink">Web网站</a> +
        <a href="https://github.com/Sjj1024/s-hub" target="_blank" class="alink">桌面端</a> +
        <a href="https://github.com/Sjj1024/VueM" target="_blank" class="alink">移动端</a> +
        <a href="https://github.com/Sjj1024/GitVue" target="_blank" class="alink">Chrome插件</a> +
        <a href="https://github.com/Sjj1024/GitVue" target="_blank" class="alink">油猴脚本等</a><br />
        平台主页：
        <a href="https://github.com/Sjj1024" target="_blank" class="alink">Github主页</a>&nbsp;&nbsp;&nbsp;
        <a href="https://xiaoshen.blog.csdn.net/?type=blog" target="_blank"
          class="alink">CSDN(200W+)</a>&nbsp;&nbsp;&nbsp;
        <a href="https://github.com/Sjj1024/s-hub" target="_blank" class="alink">Bilibili主页</a>&nbsp;&nbsp;&nbsp;
        <a href="https://github.com/Sjj1024/s-hub" target="_blank" class="alink">抖音主页</a>&nbsp;&nbsp;&nbsp;
        <a href="https://github.com/Sjj1024/s-hub" target="_blank" class="alink">微信公众号</a>&nbsp;&nbsp;&nbsp;
        <a href="https://github.com/Sjj1024/s-hub" target="_blank" class="alink">今日头条</a><br />
        联系邮箱：1024xiaoshen@gmail.com &nbsp;&nbsp;&nbsp;&nbsp;QQ/微信: 2950525265<br />
      </span>
    </div>
  </div>
</template>

<script setup lang='ts'>
import { onMounted } from 'vue'
import CommApi from "@/apis/common"

const codeInfo = {
  "wxPayCode": localStorage.getItem("wxPayCode") || "https://sjj1024.github.io/DataHub/FileData/config/wx.webp",
  "aliPayCode": localStorage.getItem("aliPayCode") || "https://sjj1024.github.io/DataHub/FileData/config/zf.webp",
  "qqChatCode": localStorage.getItem("qqChatCode") || "https://sjj1024.github.io/DataHub/FileData/config/qq.webp",
  "wxChatCode": localStorage.getItem("wxChatCode") || "https://sjj1024.github.io/DataHub/FileData/config/wxq.webp"
};

// 自动生成payjs的支付码：0.1元
onMounted(() => {
  console.log("onMounted");
  const data = {
    body: "payjs收款测试",
    out_trade_no: "1699601458",
    total_fee: "10",
    mchid: "1593541201",
    sign: "F6987C896F199229D40D0DE521427F5D"
  }
  CommApi.getPayQrCode(data).then((res: any) => {
    console.log("请求到的二维码是：", res);
  })
})
</script>

<style scoped lang='scss'>
.help-box {
  padding: 10px;
}

.alink {
  color: var(--el-color-primary);
}

.praise {
  display: flex;
  justify-content: space-around;

  .pay-box {
    text-align: center;
  }
}

.pay-code {
  width: 200px;
  height: 200px;
}
</style>